﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	
	<body onclick="window.location.href='0910.html'">
		
		<style>
body {
	
    background-color:black;
    
    animation: lazhu 4s;
}
@keyframes lazhu{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
#next{color: white;
font-family:"courier new";
font-size:20px;
position:fixed;
bottom: 0;
right: 10%;
animation: blink 2.5s infinite;
}
@keyframes blink{
	0%{opacity: 0;}
	25%{opacity: 1;}
	50%{opacity: 0;}
	75%{opacity: 1;}
	100%{opacity: 0;}
}
#one{color: white;
font-size: 20px;
animation: show1 2s 1;}
@keyframes show1 {
	0%{opacity: 0;}
	100%{opacity: 1;}
}


div{position:fixed;
top:49%;
left:35%;}
</style>

	<p id="next">Next page</p>
	<div>
		<p id="one">-Henceforth I will give a name to those who take on this job.</p>
		
		
	</div>
	</body>
</html>
